body{
    background-color: rgb(245,245,245);

    .user_list{
        height: 85vh;
        .user_img{
            // border: 1px solid red;
            width: 100%;
            height: 40%;
            display: flex;
            align-items: center;
            .photo{
                width: 100px;
                height: 100px;
                // border: 1px solid red;
                //background: url('@assets/image/th.jpg') no-repeat;
                background-size: 100% 80%;
                //background-size: 100% 100%;
                background-repeat: no-repeat;
                border-radius: 50%;
                margin: 0 auto;
                position: relative;
                object-fit: cover;
                p{
                    font-weight: 900;
                    position: absolute;
                    left: 20%;
                    bottom: -30%;
                }
            }
        }
        .user_set{
            width: 100%;
            height: 60%;
            // border: 1px solid red;
            p{
                text-align: center;
                margin-top: 30px;

                &:hover{
                    cursor:pointer;
                }
            }
            
        }
    }
    .create{
        width: 100%;
        height: 80vh;
        //border: 1px solid red;
        margin-top: 1%;
        background-color: white;
        padding-top: 5%;
        .center{
            width: 90%;
            height: 50%;
            //border: 1px solid red;
            margin:  0 auto;

        }
        .study{
            width: 90%;
            height: 50%;
            //border: 1px solid red;
            margin:  0 auto;
            .title{
                width: 100%;
                height: 20%;
                border-bottom: 3px solid skyblue;
                display: flex;
                p{
                    width: 10%;
                    height: 100%;
                    //border: 1px solid red;
                    text-align: center;
                    line-height: 300%;
                    font-size: 1rem;
                    cursor: pointer;
                    background-color: skyblue;
                    color: white;
                }
            }
            .create{
                width: 250px;
                height: 150px;
                //border: 1px solid red;
                //background-color: #a8adad;
                //display: flex;
                //align-items: center;
                background-image: url("../../assets/image/天气之子 天空 手 4k动漫壁纸3840x2160_彼岸图网.jpg");
                background-repeat: no-repeat;
                object-fit: cover;
                background-size: 100%;
                cursor: pointer;
                h1{
                    color: white;
                    display: block;
                    width: 60% ;
                    //text-align: center;
                    margin:  0 auto;
                }
            }
        }
    }
}